html{
    height: 100%;
}
body{
    font-size: 14px;
    font-family: 寰蒋闆呴粦, 'Microsoft YaHei';
    min-width: 1320px;
    min-height: 100%;
    position: relative;
}
a{
    text-decoration: none;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
h1,h2,h3,h4,h5{
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
    padding: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
b,strong{
    font-weight: 500;
}
img{
    vertical-align: middle;
    border: none;
}
input{
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.clear{
    clear: both;
}

/*header*/
.header{
    width: 100%;
    height: 80px;
    background: rgba(0,0,0,.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
}
.headtCon{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.logos{
    height: 100%;
    float: left;
}
.logos a{
    height: 100%;
    display: block;
    position: relative;
}
.logos a img{
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.headMenu{
    height: 100%;
    float: right;
}
.headMenu ul{
    height: 100%;
    margin-bottom: 0;
}
.headMenu ul li{
    float: left;
    font-size: 15px;
    line-height: 80px;
    margin-right: 32px;
}
.headMenu ul li:last-child{
    margin-right: 0;
}
.headMenu ul li a{
    color: #ffffff;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.headMenu ul li a:hover{
	color: #4496fb;
}

.searInfo{
    width: 180px;
    height: 30px;
    border: 1px solid rgba(255,255,255,.4);
    box-sizing: border-box!important;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    float: right;
    margin-left: 30px;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
}
.search-txt{
    width: 100%;
    height: 100%;
    box-sizing: border-box!important;
    background: none;
    border: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding-right: 32px;
    text-indent: 15px;
}

input.search-txt::-webkit-input-placeholder{
    color: #b0b0b0;
}
input.search-txt:-moz-placeholder {
    color: #b0b0b0;
}
input.search-txt::-moz-placeholder {
    color: #b0b0b0;
}
input.search-txt:-ms-input-placeholder {
    color: #b0b0b0;
}
.search-bth{
    width: 32px;
    height: 100%;
    background-color: transparent;
    background-image: url("../images/searchBtn.png");
    background-position: 4px 6px;
    background-repeat: no-repeat;
    box-sizing: border-box!important;
    position: absolute;
    right: 0;
    top: 0;
}

/*header*/

/*banner*/
.banner{
    width: 100%;
    height: auto;
    box-sizing: border-box!important;
    position: relative;
    overflow: hidden;
}
.banner .bd,
.banner .bd ul,
.banner .bd ul li{
    width: 100%;
    height: 100%;
}
.banner .bd ul li a{
    height: 100%;
    display: block;
}
.banner .bd ul li a img{
    width: 100%;
    height: 100%;
}
.banner > a{
    background-color: rgba(0,0,0,.5);
    color: #fff;
    display: block;
    font-size: 50px;
    font-family: "瀹嬩綋";
    padding: 0 15px;
    position: absolute;
    top: 50%;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999999;
}
.banner > a.prev{
    left: 4%;
}
.banner > a.next{
    right: 4%;
}
.banner > a:hover{
    background-color: rgba(0,0,0,.8);
}
.banner:hover > a.prev{
    left: 2%;
    opacity: 1;
}
.banner:hover > a.next{
    right: 2%;
    opacity: 1;
}
.banner .hd{
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 25px;
    z-index: 99;
}
.banner .hd ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    text-align: center;
}
.banner .hd ul li{
    width: 12px;
    height: 12px;
    background-color: #fff;
    box-sizing: content-box!important;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    border-radius: 90%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 12px;
    position: relative;

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.banner .hd ul li.on{
    background-color: #337ab7;
}

/*banner*/

/*service*/
.service{
    width: 100%;
    height: 700px;
    background: linear-gradient(#f5f5f5,#f5f5f5) center 160px/100% 445px no-repeat;
    position: relative;
    overflow: hidden;
}
.serviceCon{
    width: 1336px;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.serLef{
    width: 330px;
    height: 100%;
    float: left;
    position: relative;
}
.serLef h3{
    color: #0e63cd;
    font-size: 48px;
    line-height: 48px;
    text-align: right;
    margin-top: 220px;
    margin-bottom: 14px;
}
.serLef span{
    color: #c4d0e9;
    display: block;
    font-size: 20px;
    line-height: 20px;
    text-align: right;
    letter-spacing: 3px;
    margin-bottom: 16px;
}
.serLef p{
    color: #333333;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
}
.serIco{
    width: 248px;
    height: 535px;
    display: block;
    background-image: url("../images/serIco.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 0;
    margin: auto;
}
.serRig{
    width: 860px;
    height: 530px;
    float: right;
    margin-top: 80px;
    overflow: hidden;
}
.serList{
    width: 100%;
    height: 360px;
    margin-bottom: 15px;
    overflow: hidden;
}
.serList ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.serList ul li{
    width: 420px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.serList ul li:nth-child(2){
    float: right;
}
.serList ul li a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.serList ul li a img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.serMb{
    width: 50px;
    height: 156px;
    background-image: url("../images/serMb.png");
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 24px;
    line-height: 26px;
    padding: 10px 10px 0;
    position: absolute;
    top: 0;
    left: 40px;
    text-align: center;
}
.serList ul li a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.serInfo{
    width: 100%;
    height: 150px;
    background: #e5e5e5;
    overflow: hidden;
}
.serInfo ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    font-size: 0;
    text-align: center;
}
.serInfo ul li{
    width: 190px;
    height: 100%;
    cursor: context-menu;
    display: inline-block;
    *
    display: inline;
    *
    zoom: 1;
    margin: 0 5px;
    text-align: center;
}
.serInfo ul li i{
    width: 44px;
    height: 41px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin: 26px auto 16px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.serInfo ul li:hover i{
    -webkit-transform: scale(1.1) translateY(-5px);
    -moz-transform: scale(1.1) translateY(-5px);
    -ms-transform: scale(1.1) translateY(-5px);
    -o-transform: scale(1.1) translateY(-5px);
    transform: scale(1.1) translateY(-5px);
}
.serInfo ul li:nth-child(1) i{
    background-image: url("../images/s1.png");
}
.serInfo ul li:nth-child(2) i{
    background-image: url("../images/s2.png");
}
.serInfo ul li:nth-child(3) i{
    background-image: url("../images/s3.png");
}
.serInfo ul li:nth-child(4) i{
    background-image: url("../images/s4.png");
}
.serInfo ul li h4{
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 6px;
}
.serInfo ul li p{
    color: #666666;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0;
}

/*service*/

/*case*/
.case{
    width: 100%;
    height: 804px;
    overflow: hidden;
}
.case > h3{
    width: 100%;
    height: 41px;
    background-image: url("../images/caseTit.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-bottom: 16px;
}
.case > p{
    width: 100%;
    color: #999999;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 48px;
}
.caseTabs{
    width: 100%;
    height: auto;
    margin-bottom: 55px;
    overflow: hidden;
}
.caseTabs ul{
    width: 100%;
    height: auto;
    margin-bottom: 0;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
.caseTabs ul li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 18px;
    font-size: 18px;
    margin-right: 20px;
    padding-right: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
}
.caseTabs ul li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.caseTabs ul li:last-child:after{
    display: none;
}
.caseTabs ul li:after{
    content: '/';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #999999;
    font-size: 14px;
}
.caseTabs ul li a{
    color: #333333;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.caseTabs ul li.on a{
    color: #0953da;
}
.caseContent{
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}
.caseContent .active{
    opacity: 1;
    z-index: 999;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.caseList {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}
.caseMb{
    width: 480px;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)) left center/420px 100% no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
    position: absolute;
    top: 0;
    left: -220px;
    z-index: 999;
    overflow: hidden;
}
.caseMb h4{
    width: 100%;
    color: #333333;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 72px;
    margin-bottom: 30px;
}
.caseMb p{
    width: 340px;
    height: 204px;
    color: #666666;
    font-size: 16px;
    line-height: 34px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 30px;
}
.caseMore{
    width: 130px;
    height: 45px;
    background: #0953da linear-gradient(#4179e0,#4179e0) left/0% 100% no-repeat;
    color: #ffffff!important;
    display: block;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.caseMore:hover{
    background: #0953da linear-gradient(#4179e0,#4179e0) left/100% 100% no-repeat;
}
.caseBtn{
    width: 120px;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.caseBtn > a{
    width: 60px;
    height: 60px;
    background: #ffffff;
    color: #6e8de4!important;
    display: block;
    float: left;
    font-size: 24px;
    font-family: "瀹嬩綋";
    line-height: 60px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.caseBtn > a:hover{
    background: #0953da;
    color: #b9c6f1!important;
}
.caseList .bd {
    width: 780px;
    height: 100%;
    position: relative;
    margin: 0 auto;
}
.caseList .bd .tempWrap {
    height: 600px!important;
    overflow: visible!important;
}
.caseList .bd .tempWrap ul {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.caseList .bd .tempWrap ul li {
    width: 780px;
    height: 100%;
    float: left;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    overflow: hidden;
}
.cList1 .bd ul li.on,
.cList2 .bd ul li.on,
.cList3 .bd ul li.on,
.cList4 .bd ul li.on,
.cList5 .bd ul li.on{
    margin: 0 4px;
}
.caseList .bd .tempWrap ul li a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.caseList .bd .tempWrap ul li a img {
    width: 100%;
    height: 100%;
    -webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
            transition: .5s;
}
.caseList .bd .tempWrap ul li a:hover img{
    -webkit-transform: scale(1.08);
       -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
         -o-transform: scale(1.08);
            transform: scale(1.08);
}

.caseMb{
    opacity: 0;
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    transition-duration: 1.4s;
    transition-delay: 0.4s;
}
.caseBtn{
    opacity: 0;
    transition-duration: 1.4s;
    transition-delay: 1.2s;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.caseContent .active .bd .caseMb{
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}
.caseContent .active .bd .caseMb .caseBtn{
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

/*case*/

/*about*/
.about{
    width: 100%;
    height: 590px;
    background: #ffffff;
    overflow: hidden;
}
.aboutContent{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.aboutLeft{
    width: 560px;
    height: inherit;
    float: left;
    overflow: hidden;
}
.aboEnglish{
    width: 100%;
    background: linear-gradient(#0953da,#0953da) left top/50px 4px no-repeat;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-top: 32px;
    color: #cccccc;
    display: block;
    font-size: 36px;
    line-height: 36px;
    margin-top: 60px;
    margin-bottom: 18px;
}
.aboutLeft > h3{
    color: #333333;
    font-size: 28px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 0;
    margin-bottom: 22px;
}
.aboutLeft > p{
    color: #666666;
    font-size: 14px;
    text-align: justify;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 30px;
}
ul.aboLists{
    width: 100%;
    height: 136px;
    overflow: hidden;
}
ul.aboLists li{
    width: 165px;
    height: 100%;
    float: left;
    margin-right: 32px;
    overflow: hidden;
}
ul.aboLists li:last-child{
    margin-right: 0;
}
.aboutsImg{
    width: 100%;
    height: 106px;
    overflow: hidden;
}
.aboutsImg img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
ul.aboLists li:hover .aboutsImg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
ul.aboLists li a p{
    width: 100%;
    height: 30px;
    color: #333333;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0;
    text-align: center;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.aboLists li a:hover p{
    color: #0953da;
}
.aboutRight{
    width: 570px;
    height: 430px;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    float: right;
    margin-top: 68px;
    overflow: hidden;
}
.aboutRight a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.aboutRight a img{
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.aboutRight a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/*about*/

/*advantage*/
.advantage{
    width: 100%;
    height: 700px;
    background-image: url("../images/advantageBg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.advantageCon{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.advantageCon > h3{
    width: 100%;
    color: #222222;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 18px;
}
.advantageCon > p{
    color: #666666;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 38px;
    text-align: center;
}
.advLists{
    width: 100%;
    height: 440px;
    position: relative;
    overflow: hidden;
}
.ljLink{
    width: 240px;
    height: 220px;
    background: #0953da;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    overflow: hidden;
}
.ljLink > a{
    width: 180px;
    height: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: linear-gradient(#6b98e9,#6b98e9) left/0% 100% no-repeat;
    border: 2px solid #6b98e9;
    color: #ffffff!important;
    display: block;
    font-size: 24px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    line-height: 68px;
    text-align: center;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.ljLink > a:hover{
    background: linear-gradient(#6b98e9,#6b98e9) left/100% 100% no-repeat;
    color: #ffffff;
}
.advInfo{
    width: 720px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.advInfo li{
    width: 240px;
    height: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f5f5;
    cursor: context-menu;
    float: left;
    padding: 0 26px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
}
.advInfo li:nth-child(1){
    background: #fff;
    text-align: left;
}
.advInfo li:nth-child(2){
    text-align: right;
}
.advInfo li:nth-child(3){
    text-align: left;
    position: absolute;
    right: 0;
    bottom: 0;
}
.advInfo li span{
    color: #444444;
    display: block;
    font-size: 18px;
    line-height: 28px;
}
.advInfo li:nth-child(1) span{
    margin-top: 52px;
    margin-bottom: 24px;
}
.advInfo li:nth-child(2) span{
    margin-top: 36px;
    margin-bottom: 28px;
}
.advInfo li:nth-child(3) span{
    margin-top: 68px;
    margin-bottom: 22px;
}
.advInfo li h4{
    color: #333333;
    font-size: 24px;
    font-weight: 500;
}
.advImg li{
    position: absolute;
    overflow: hidden;
}
.advImg li:nth-child(1){
    width: 240px;
    height: 440px;
    left: 0;
    top: 0;
}
.advImg li:nth-child(2){
    width: 480px;
    height: 220px;
    bottom: 0;
    left: 240px;
}
.advImg li:nth-child(2) img{
    position: relative;
    top: 50%;
    margin-top: -50%;
}
.advImg li:nth-child(3){
    width: 480px;
    height: 220px;
    top: 0;
    right: 0;
}
.advImg li img{
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.advImg li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/*advantage*/

/*news*/
.news{
    width: 100%;
    height: 848px;
    background: #ffffff;
    overflow: hidden;
}
.newsContent{
    width: 1300px;
    height: inherit;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    /* overflow: hidden; */
}
.newsContent > h3{
    width: 100%;
    height: 41px;
    background-image: url("../images/newsTit.png");
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 58px;
    margin-bottom: 16px;
}
.newsContent > p.newsDesc{
    width: 100%;
    color: #999999;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 38px;
    text-align: center;
}
.newsLists{
    width: 1200px;
    height: 615px;
    position: absolute;
    left: 0;
    right: 0;
    top: 176px;
    margin: auto;
}
.newsLists > ul{
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.newsLists > ul > li{
    width: 400px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #ffffff;
    float: left;
    position: absolute;
    top: 0;
    overflow: hidden;
}
.newsLists > ul > li:nth-child(1){
    left: 0;
}
.newsLists > ul > li:nth-child(2){
    left: 0;
    right: 0;
    margin: auto;
}
.newsLists > ul > li:nth-child(3){
    right: 0;
}
.newsImgBox{
    width: 100%;
    height: 170px;
    position: relative;
    overflow: hidden;
}
.nImgBg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.nImgBg img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.hBg{
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.nIcon{
    width: 50px;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin: 38px auto 18px;
    position: relative;
    z-index: 2;
    filter: brightness(1);
}
.newsLists > ul > li:nth-child(1) .nIcon{
    background-image: url("../images/n1.png");
}
.newsLists > ul > li:nth-child(2) .nIcon{
    background-image: url("../images/n2.png");
}
.newsLists > ul > li:nth-child(3) .nIcon{
    background-image: url("../images/n3.png");
}
.newsLists > ul > li h4{
    color: #333333;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    position: relative;
    z-index: 9;
}
.newsArticle{
    width: 100%;
    height: 330px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 38px 38px;
    position: relative;
    z-index: 99;
    overflow: hidden;
}
.newsArticle > ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.newsArticle > ul li{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.newsArticle > ul li a.nH4{
    color: #666666;
    display: block;
    line-height: 34px;
    font-size: 14px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.nArtMore{
    width: 30px;
    height: 24px;
    background-image: url("../images/jTou.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 50px;
    bottom: 40px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.artInfo{
    width: 100%;
    height: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px dashed #cfcfcf;
    display: block;
    overflow: hidden;
    margin-bottom: 0px;
    -webkit-transform: scale(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
}
.newsPhone{
    width: 150px;
    height: 92px;
    float: left;
    overflow: hidden;
}
.newsPhone img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.nTexts{
    width: 256px;
    height: 92px;
    float: right;
    overflow: hidden;
}
.nTexts h5{
    width: 100%;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 12px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.nTexts p{
    width: 100%;
    color: #666666;
    font-size: 14px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
    overflow: hidden;
}

.newsLists > ul > li.on{
    width: 500px;
    height: 600px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-color: transparent;
    top: -50px;
    z-index: 99999;
}
.newsLists > ul > li.on .newsImgBox{
    height: 220px;
}
.newsLists > ul > li.on .newsImgBox .nIcon{
    margin-top: 68px;
    filter: brightness(12);
}
.newsLists > ul > li.on .newsImgBox .hBg{
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
}
.newsLists > ul > li.on .newsImgBox h4{
    color: #ffffff;
}
.newsLists > ul > li.on .newsArticle{
    height: 380px;
}
.newsLists > ul > li.on .newsArticle .oneArticle{
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.newsLists > ul > li.on .newsArticle .nArtMore{
    bottom: 26px!important;
    right: 40px;
}
.newsLists > ul > li.on .newsArticle .artInfo{
    height: 115px;
    opacity: 1;
    margin-bottom: 6px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.newsImgBox h4{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.newsLists > ul > li,
.newsImgBox,
.newsImgBox .nIcon,
.newsImgBox .hBg,
.newsArticle,
.newsArticle .oneArticle,
.newsArticle .nArtMore,
.newsArticle .artInfo,
.newsArticle > ul li a.nH4{
    -webkit-transition: 1.2s cubic-bezier(.165,.84,.44,1);
    -moz-transition: 1.2s cubic-bezier(.165,.84,.44,1);
    -ms-transition: 1.2s cubic-bezier(.165,.84,.44,1);
    -o-transition: 1.2s cubic-bezier(.165,.84,.44,1);
    transition: 1.2s cubic-bezier(.165,.84,.44,1);
}

.newsArticle > ul li:hover a.nH4{
    color: #0953da;
}
.newsLists > ul > li.on .newsArticle .artInfo:hover .newsPhone img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.newsLists > ul > li.on .newsArticle .artInfo:hover .nTexts h5{
    color: #0953da;
}
.newsLists > ul > li .newsArticle .nArtMore:hover{
    right: 35px;
    filter: brightness(0);
}

/*news*/

/*partner*/
.partner{
    width: 100%;
    height: 320px;
    background: #f3f3f3;
    overflow: hidden;
}
.partnerCont{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.partnerCont h3{
    width: 100%;
    height: 29px;
    background-image: url("../images/partnerTit.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 52px;
    margin-bottom: 10px;
}
.partnerCont > p{
    color: #999999;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 40px;
}
.partnerLis{
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.partnerLis ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    font-size: 0;
    text-align: center;
}
.partnerLis ul li{
    width: 190px;
    height: 100px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    display: inline-block;
    *
    display: inline;
    *
    zoom: 1;
    margin: 0 5px;
    overflow: hidden;
}
.partnerLis ul li a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.partnerLis ul li a img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.partnerLis ul li a:hover img{
    -webkit-transform: translate(-50%,-50%) scale(1.08);
    -moz-transform: translate(-50%,-50%) scale(1.08);
    -ms-transform: translate(-50%,-50%) scale(1.08);
    -o-transform: translate(-50%,-50%) scale(1.08);
    transform: translate(-50%,-50%) scale(1.08);
}

/*partner*/

/* footer */
#footer{
	width: 100%;
	height: 290px;
	/* height: 270px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #212121;
	overflow: hidden;
}
.footerCon{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.footNav{
    width: 100%;
    height: 92px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #444444;
    overflow: hidden;
}
.footNav ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    font-size: 0;
    text-align: center;
}
.footNav ul li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 92px;
    font-size: 14px;
    margin: 0 34px;
}
.footNav ul li a{
    color: #ffffff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.footNav ul li a:hover{
    color: #898989;
}
.footInfo{
    width: 100%;
    height: 64px;
    margin-top: 56px;
    position: relative;
}
.fLogo{
    width: 195px;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.fLogo img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footText{
    width: 650px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: linear-gradient(#fff,#fff) left center/1px 95% no-repeat,
                linear-gradient(#fff,#fff) right center/1px 95% no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 35px;
    margin: 0 auto;
}
.footText p{
    height: auto;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 22px;
    overflow: hidden;
}
.footText p span{
    width: 210px;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    float: left;
    margin-right: 24px;
    padding-left: 30px;
}
.footText p span.fMob{
    background-image: url("../images/f1.png");
}
.footText p span.fTel{
    background-image: url("../images/f2.png");
    margin-right: 0;
}
.footText p span.fMail{
    background-image: url("../images/f3.png");
}
.footText p span.fAddress{
    width: 280px;
    background-image: url("../images/f4.png");
    background-position: 0 -2px;
    margin-right: 0;
}
.shares {
    width: 202px;
    height: 100%;
    display: block;
    float: right;
    position: relative;
    overflow: hidden;
}
.shares .bdsharebuttonbox {
    width: 100%;
    height: 38px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.shares .bdsharebuttonbox a {
    width: 36px!important;
    height: 36px!important;
    background-image: url("../images/fIcos.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 0 19px 0 0;
    padding: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.shares .bdsharebuttonbox .bds_more {
    background-position: 0px 0px!important;
}
.shares .bdsharebuttonbox .bds_qzone {
    background-position: -53px 0px!important;
}
.shares .bdsharebuttonbox .bds_tsina {
    background-position: -107px 0px!important;
}
.shares .bdsharebuttonbox .bds_weixin {
    background-position: right 0!important;
}
.shares .bdsharebuttonbox a:last-child {
    margin-right: 0;
}

/*footerCopy*/
.footerCopy{
    width: 100%;
    height: 50px;
    background: #101010;
    line-height: 50px;
    text-align: center;
}
.footerCopy p{
    color: #a6a6a6;
    margin-bottom: 0;
}
.footerCopy p a{
    color: #a6a6a6!important;
}